@charset "utf-8";
$color:#221815;

.container-fluid{
    //头部
   .header{
       padding: 0;
       .icon-top{
         padding: 15px 0;
       }
        //导航条
       .nav{
           float: right;
           ul{
               clear: both;
               li{
                   float: left;
                   color: $color;
                   font-size: 18px;
                   padding-top: 45px;
                   text-align: center;
                   position: relative; 
                   cursor: pointer; 
                   .on-link{
                       color:#d90b18;
                   }               
                   a{
                       color: #000;
                       text-decoration: none;
                       
                   }
                   a:hover{
                        color:#d90b18;
                    }
                   //二级菜单
                   .er-hover{
                       transition: all ease .5s; 
                       background: rgba(0,0,0,.3);
                       position: absolute;
                       font-size: 15px;
                       left: -10px;
                       padding: 0;
                       z-index: 9999;
                       display: none;
                       dl{
                           
                           text-align: center;
                           dd{
                              padding:6px 15px; 
                               a{
                                   color: #fff;
                               }
                           }
                       }
                   }               
               }
               li:hover>.er-hover{
                   display: block;
               }              
               .padd{
                   padding-right: 40px;
               }           
           }
       }
   }
   //尾部
   .footer{
       background: #ddddde;
       padding-bottom: 20px;
       .footer-nav{
           text-align: center;
           font-size: 16px;
           height: 40px;
           line-height: 40px;
           margin-top: 20px;
           span{
               cursor: pointer;
               a{
                   color: #000;
                   text-decoration: none;
               }
           }
           b{
               display: inline-block;
               height: 17px;
               width: 2px;
               background: #000;
               margin: 0 13px;
              vertical-align: middle;
           }
           
       }
       .footer-link{
           padding: 0 30px;
           .foot-detail{
               h4{
                   font-size: 26px;
                   font-weight: bold;
                   padding: 20px 0;
               }
               p{
                   font-size: 16px;
                   padding-bottom:14px;
               }
           }
       }
   }
   .foot-wei{
       background: #d90b18;
       text-align: center;
       font-size: 14px;
       color: #fff;
       padding: 15px 0;
   }
}
//设配
@media screen and (min-width:1250px){
    .container-fluid {
        .header{
            .nav{
                ul{
                    li{
                        padding-top: 50px;
                    }
                }       
            }
        } 
        .footer{
            .footer-link{
                .foot-detail{
                    padding-left: 20px;
                    h4{
                        font-size: 24px;
                        padding-top: 50px;
                        padding-bottom: 35px;
                        padding-left: 10px;
                    }
                    p{
                        font-size:16px;
                        padding-left: 10px;
                    }
                }
            }
        }    
    }
}
@media screen and (min-width:992px) and (max-width:1136px) {
    .container-fluid {
        .header{
            .nav{
                ul{
                    li{
                        padding-top: 30px;
                    }
                    .new-padd{
                        padding-right: 20px;
                    }
                }       
            }
        }     
    }
}
@media screen and (min-width:768px) and (max-width:992px) {
    .container-fluid {
        .header{
            .nav{
                ul{
                    li{
                        padding-top: 25px;
                    }
                }       
            }
        }     
    }
}
@media screen and (min-width:768px) and (max-width:2000px) {
    .container-fluid {
        .header{
            .nav{
                ul{
                    .new-padd{
                        padding-right: 40px;
                    }
                }       
            }
        }     
    }
}
@media screen and(max-width:767px) {
    .container-fluid {
        .header{
            .nav{
                ul{
                    li{
                        padding-top: 25px;
                    }
                    .padd,.new-padd{
                        padding-right: 20px;
                    }
                    
                }                
            }
            .navbar-nav{
                margin-top: 0;
                margin-bottom: 0;
                padding-bottom: 15px;
            }
        }        
        .footer{
            .footer-link{
                padding: 0 0;
                .foot-detail{
                    .icon-bottom{
                        display: none;
                    } 
                    h4,p{
                        text-align: center;
                    }
                    .qr{
                        padding: 30px 80px;
                    }
                }
            }           
        } 
        .foot-wei{
            font-size: 12px;
        }           
    }
}
@media screen and(max-width:380px) {
    .container-fluid {
        .header{
            .nav{
                ul{
                    li{
                        padding-top: 10px;
                        font-size: 14px;
                        .er-hover{
                            dl{
                                dd{
                                    padding: 10px 8px;
                                }
                            }
                        }
                    }
                    .padd{
                        padding-right: 15px;
                    }
                }                
            }
        }
        .footer{
            .footer-nav{
                span{
                    font-size: 14px;
                }
            }
            .footer-link{
                .foot-detail{
                    h4{
                        font-size: 20px;
                    }
                    p{
                        font-size: 14px;
                    }
                }
            }
        }          
    }
}